<template>
  <div class="detail-table-box">
    <div>
      <img src="../../../../assets/images/6.png" alt="">
      <div>
        <div class="title">{{$t('hangManage.makeNo')}}</div>
        <div class="ft-size24 pl-10">{{props.recordInfo.moNo || '/'}}</div>
      </div>
    </div>
    <div>
      <img src="../../../../assets/images/4.png" alt="">
      <div>
        <div class="title">{{$t('basicData.styleNo')}}</div>
        <div class="ft-size24 pl-10">{{props.recordInfo.styleNo || '/' }}</div>
      </div>
    </div>
    <div>
      <img src="../../../../assets/images/5.png" alt="">
      <div>
        <div class="title">{{$t('other.staffStation')}}</div>
        <div class="ft-size24 pl-10">{{( props.personList||[]).length }} / {{( props.stationList||[]).length }}</div>
      </div>
    </div> 
  </div>
</template>
<script setup name="makeDetailTable"> 
const props = defineProps({
  stationList: { type: Array, default: () => [] },
  personList: { type: Array, default: () => [] },
  lineList: { type: Array, default: () => [] },
  recordInfo: { type: Object, default: () => {} }
}) 
</script>
